html,body{
	width: 100%;
	height: 100%;
}

body{
	background: url("../img/01.jpg") no-repeat;
	background-size: 100% 100%;
	height: 498px;
	padding-top: 58px;
}

.warp,.right,.left{
	height: 434px;
}
.warp{
	width: 730px;
	margin: 0px auto ;
	border-radius: 10px;
	overflow: hidden;
}

.right{
	float: right;
	width: 290px;
	background: url('../img/02.png');
}

.left{
	float: left;
	width: 440px;
}

.top{
	height: 338px;
	background: white;
	text-align: center;
	display: table;
}

.top-warp{
	display: table-cell;
	vertical-align: middle;
}
/* 多文本居中方式
		|--父级显示模式设置为表格
		|--子级显示模式设置为表格里面的一个单元格
		|--使用vertical-aligin:middle，使单元格的内容居中;
		 */

input,button{
	border-radius: 6px;
	outline: none;
}
input{
	width: 293px;
	height: 11px;
	padding: 15px 13px;
	font-size: 12px;
	background: #f6f7f9;	
	border: none;
	
}
input:active{
	border: 1px solid  #ff9500;
}
input:focus{
	border: 1px solid  #ff9500;
}

/* 鼠标点击和鼠标点击之后的样式 */

button{
	width: 320px;
	height: 41px;
	background: #ff9704;
	font-size: 19px;
	border: none;
	margin: 17px 0px;
}

.phoformat{
	color: red;
	font-size: 12px;
	position: relative;
	left: -96px;
	bottom: 5px;
}

.phoformat::before{
	content: "";
	display:inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	background: url('../img/01.png')no-repeat 0px -60px;
}

.top-p {
	position: relative;
	right: -56px;	
	font-size: 12px;
	color: #cccccc;
}

.top a{
	color: #999999;
}

.top a:hover{
	color: black;
}

.bot{
	height: 96px;
	background: #f6f7f9;
	padding: 12px 40px;
}
.bot p{
	font-size: 13px;
	color: #94969a;
}

.bot a{
	border: 1px solid #ff9500;
	width: 34px;
	height: 34px;
	display: inline-block;
	background: white;
	border-radius: 50%;
	text-align: center;
	line-height: 34px;
	margin:13px 30px 0px 0px;
}

.bot a:hover{
	background: #ff9500;
}

.login-p{
	width: 140px;
	line-height: 25px;
	background: rgba(68, 90, 103, 0.6);
	font-size: 11px;
	text-align: center;
	border-radius: 22px;
	margin: 13px 0px 7px 565px;
}

.login-p a{
	color: #ff9500;
}

.bot-p{
	font-size: 13px;
}

.bot-p a{
	margin-left: 930px;
}

.bot-p a,.bot-p,.login-p,button{
	color: white;
}

.bot-p a:hover,.login-p a:hover,.top a:hover{
	text-decoration:underline;
}

.bot-p a,.login-p a,.bot a,.top a{
	text-decoration: none;
}